<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        .chip {
            display: inline-block;
            padding: 6px;    
            height: 250px;
            line-height: 250px;
            border-radius: 999px;
            font-size: 100px;
            background-color: darkgray;
        }

        .chip img {
            float: left;
            height: 250px;
            width: 250px;
            border-radius: 50%;
            margin-right: 20px;
        }

        .closebtn {
            color: #888;
            font-weight: bold;
            float: right;
            margin: 0 20px;
            font-size: 100px;            
            cursor: pointer;
        }

        .closebtn:hover {
            color: #000;
        }
    </style>
</head>

<body>

    <p>Click on the "x" symbol to delete the contact.</p>

    <div class="chip">
        <img src="../img/Tesla (16).jpeg" >
        John Doe
        <span class="closebtn" onclick="this.parentElement.style.display='none'">&times;</span>
    </div>

    




    <xmp style="font-size: 22px; font-weight: bolder;  margin-bottom: 66px;  color: black;  font-family: '微软雅黑';">


        必知必会 

        
        .chip {
            display: inline-block;
            padding: 6px;          => 缝隙
            height: 250px;
            line-height: 250px;
            border-radius: 999px;
            font-size: 100px;
            background-color: darkgray;
        }
        .chip img {
            float: left;
            height: 250px;
            width: 250px;
            border-radius: 50%;
            margin-right: 20px;
        }
        .closebtn {
            color: #888;
            font-weight: bold;
            float: right;
            margin: 0 20px;
            font-size: 100px;            
            cursor: pointer;
        }


        <div class="chip">
            <img src="img/Tesla (16).jpeg" >
            John Doe
            <span class="closebtn" onclick="this.parentElement.style.display='none'">&times;</span>
        </div>

    </xmp>


</body>

</html>